<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery使用</title>
    <!--导入jQuery-->
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $('#fromStationText').val('北京');
            $('#toStationText').val('西安');
            $('#train_date').val('2022-09-14');
        })
    </script>
</head>
<body>
<div class="search-form">
    <div class="form-item-group">
        <div class="form-item">
            <label for="fromStationText" class="form-label">出发地</label>
            <div class="form-bd">
                <div class="input-box input-city">
                    <input id="fromStation" type="hidden" value="" name="from_station">
                    <input type="text" class="input " value="" id="fromStationText"
                           aria-label="请输入或选择出发地，按键盘上下键进行选择，按回车键选中" autocomplete="off">
                    <i class="icon icon-place" data-click="fromStationText"></i>
                </div>
            </div>
        </div>
        <div class="form-item">
            <label for="toStationText" class="form-label">到达地</label>
            <div class="form-bd">
                <div class="input-box input-city">
                    <input id="toStation" type="hidden" value="" name="to_station">
                    <input type="text" class="input" value="" id="toStationText"
                           aria-label="请输入或选择到达地，按键盘上下键进行选择，按回车键选中" autocomplete="off">
                    <i class="icon icon-place" data-click="toStationText"></i>
                </div>
            </div>
        </div>
        <div class="city-change">
            <i class="icon icon-qiehuan" title="切换" id="danChange"></i>
        </div>
    </div>
    <div class="form-item">
        <label for="train_date" class="form-label">出发日期</label>
        <div class="form-bd">
            <div class="input-box input-data">
                <input type="text" class="input" value="2018-07-21" id="train_date"
                       aria-label="请输入日期，例如2021杠01杠01" autocomplete="off">
                <i class="icon icon-date" data-click="train_date"></i>
            </div>
        </div>
    </div>
    <div class="form-item form-item-check">
        <div class="form-bd">
            <ul class="check-list check-list-right">
                <li id="isStudentDan">学生
                    <i></i>
                </li>
                <li id="isHighDan">高铁/动车
                    <i></i>
                </li>
            </ul>
        </div>
    </div>
    <div class="form-item form-item-btn">
        <a href="javascript:void(0)" class="btn btn-primary form-block" id="search_one">查&nbsp;&nbsp;&nbsp;&nbsp;询</a>
    </div>
</div>
</body>
</html>